<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--标题标签-->
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h4>标题4</h4>

    <!--br换行标签-->
    看过你；你什么鬼看哪个上课的<br/>三个放技能

    <p style="border: 1px solid black;color: red">shdrge二公司人工挖法若干人工如果十多个</p>
    都挺好认

    <!--ul无序列表-->
    <ul>
      <li>地方</li>
      <li>三个</li>
      <li>是否</li>
      <li>功能</li>
    </ul>

    <!--ol有序列表-->
    <ol>
      <li>数据</li>
      <li>风格</li>
      <li>复工</li>
      <li>士地</li>
    </ol>

    <!--div分区块-->
    <div style="border: 2px solid red;width: 200px;height: 200px;">
      的咖喱块顾客的时刻
    </div>

    <!--span跨越多个字符-->
    地方经济结果竟然是发。
    <span style="color: blue;font-size: 18px;font-weight: bold">污染水泥</span>
    我看见空间数据等级进销存。

    <div></div>

    <!--图片-->
    <!--当前网页和图片在同一目录下，可以直接写文件名-->
    <img src="01.jpg" width="300"height="200"/>

    <!--当图片在当前网页的子目录下，路径书写为：子目录名/图片文件名-->
    <img src="image/1.jpg" width="300"height="200"/>

    <!--图片在当前网页的父目录下，路径书写为：../图片文件名-->
    <img src="../mn.jpg" width="200"height="200"/>

    <img src="../../img/user/mm.jpg"width="200"height="200"/>
</body>
</html>
